.table{
  width: 100%;
  margin-bottom: 20px;
  max-width: 100%;
  >thead{
    >tr{
      >th,td{
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
      }
    }
  }
  >tbody{
    >tr{
      >th,td{
        padding: 8px;
        line-height: 1.42857143;
        border-top: 1px solid #ddd;
      }
    }
  }
  &-bordered{
    >thead{
      >tr{
        >th,td{
          border: 2px solid #ddd;
        }
      }
    }
    >tbody{
      >tr{
        >th,td{
          border: 1px solid #ddd;
        }
      }
    }
  }
}

table{
  border-spacing: 0;
  border-collapse: collapse;
}
table{
  background-color: transparent;
}
th{
  text-align: left;
}